<template>
    <div class="home">
        <Header :check="2" />
        <Banner />
        <div class="honer-page">
            <div class="container">
                <div class="title-page">
                    <img class="img" src="@/assets/images/title_Qualification.png" alt="">
                </div>
                <div class="honer-main">
                    <div class="honer-list">
                        <div @click="openfun(index)" v-for="(item, index) in imglist" :key="index" class="honer-item">
                            <div class="honer-pic">
                                <div class="pic-box">
                                    <img class="img" :src="item.imgurl" alt="">
                                </div>
                            </div>
                            <div class="honer-text">
                                {{ item.title }}
                            </div>
                        </div>
                    </div>
                    <!-- 分页 -->
                </div>
            </div>
        </div>
        <Footer />


        <ShowImg ref="imgref" :list="imglist" :slide="slide" />

    </div>
</template>
  
<script>
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import Banner from "@/components/Banner.vue";
import ShowImg from "@/components/ShowImg.vue";

import img_v1 from '@/assets/images/pic.jpg';

export default {
    name: "HonerView",
    components: {
        Header,
        Footer,
        Banner,
        ShowImg
    },
    data() {
        return {
            imglist: [
                {
                    imgurl: img_v1,
                    title: '年度互联网金融领军品牌'
                }
            ],
            slide: 0
        };
    },
    methods: {
        openfun(index) {
            this.slide = index
            this.$refs.imgref.openfun();
        },
    }
};
</script>
  